<?php include("include/header.php"); ?>

<style>

.flex-direction-nav{float:right;margin-top:-40px;}
.flex-direction-nav li{display: inline;
padding:10px;}

</style>
<?php include("db.php");
$sql = mysqli_query($link, "select * from on_projects"); ?>
    <div  style="position: relative;margin-top: 10px;height:418px !important;width:990px !important;background-color:black !important;margin:0 auto;border-top-right-radius:10px;border-bottom-right-radius:10px;">
        <div id="slider-animated" style="width:990px;height:418px;margin-top: 10px;">
		
          <div id="flexslider" class="flexslider" style="width:990px !important;height:418px !important;">
            <ul class="slides" style="width:990px !important;height:418px !important;">
              <!-- slide 1 -->
			  <?php while($row = mysqli_fetch_array($sql)){ ?>
				<li>
					<div class="inner" style="width:990px;height:418px;">
						<div style=""><img src="img/<?php echo $row['image']; ?>" style="width:530px;height: 398px;display:block !important;float:left;border: 10px solid #1D7717;border-radius:5px;"></div>
						<div style="position:absolute;left:555px;z-index:1;width:430px;height:395px;float:left;margin-top:15px;"> <?php echo $row['description']; ?></div>
					</div>
				  </li>
				 <?php } ?>
				
				 					
				             </ul>
          </div>

      </div>
   
	</div>
<script src="http://localhost/svm/js/jquery-1.7.2.min.js"></script>

<script src="js/jquery.flexslider-min.js"></script>



<script>
$('.flexslider').flexslider({ animationDuration: 60000 });

</script>

<?php include("include/footer.php"); ?>

